<!doctype html>

<html>
  	<head>
    		<meta charset=utf-8>
		<title>CSS Reference</title>
		<link rel=stylesheet type=text/css href=default.css>
	</head>
	
<body>
	
<div id="header">CSS Reference Guide</div>
	
<div id="navigation">  <ul>
    <li><a href="background.html">background</a></li>
    <li><a href="border.html">border</a></li>
    <li><a href="clear.html">clear</a></li>
    <li><a href="color.html">color</a></li>
    <li><a href="display.html">display</a></li>
    <li><a href="float.html">float</a></li>
    <li><a href="font.html">font</a></li>
    <li><a href="height.html">height</a></li>
    <li><a href="letter-spacing.html">letter-spacing</a></li>
    <li><a href="line-height.html">line-height</a></li>
    <li><a href="list-style.html">list-style</a></li>
    <li><a href="margin.html">margin</a></li>
    <li><a href="overflow.html">overflow</a></li>
    <li><a href="padding.html">padding</a></li>
    <li><a href="text-align.html">text-align</a></li>
    <li><a href="text-decoration.html">text-decoration</a></li>
    <li><a href="text-indent.html">text-indent</a></li>
    <li><a href="text-transform.html">text-transform</a></li>
    <li><a href="vertical-align.html">vertical-align</a></li>
    <li><a href="width.html">width</a></li>
  </ul>

</div> <!-- for id=navigation -->

<div id="content">
<h1>CSS xxx Property</h1>
<h2>Definition and Usage</h2>
<p>The property specifies the</p>
<h3>CSS Syntax</h3>
<div id="syntax">color: <em>color</em>|initial|inherit; </div>
<h3>Possible Values</h3>
<div class="values">
<ul>
<li><em>color</em> - In hex format or names, specifies the color of text.</li>
<li>initial - Sets this property to its default value.</li>
<li>inherit - Inherits this property from its parent element.</li>
</ul>
</div>
<h3>Code</h3>
<div id="code">
<pre>
<code>
div#colorexample1 {
	color: #CA50F3;
}

div#colorexample2 {
	color: orange;
}
</code>
</pre>
</div>

<h3>Example</h3>
<div id="colorexample1">This is some text in one div!</div>
<div id="colorexample2">This is some text in another div!</div>
<h3>Related Properties</h3>
<div class="values">
<ul>
<li>background-color</li>
<li>border-color</li>
</ul>
</div>
</div>
	
<div id="footer">&copy; HTML Class of 2015</div>
  
</body>	

</html>